<template>
	<view class="">
	  <view>
		  <u-modal border-radius='35' v-model="VipShow" @confirm="Selectvip(1)"  @cancel='Selectvip(0)' :show-title="false" :show-cancel-button="true" confirm-text="购买VIP" cancel-text="继续">
		  	<view slot='default'>
		  		<image src="@/static/vipbg.png" style="width: 100%;height: 300rpx;"></image>
		  		<view style="margin: 0 40rpx 80rpx 40rpx;">
		  			{{title}}
		  		</view>
		  	</view>
		  </u-modal>
	  </view>	
	</view>
</template>

<script>
	export default{
		data(){
			return{
				VipShow:false,
				config:{},
				title:''
			}
		},
		props:{
			isTitle:{
				type:String,
				default:'普通'
			}
		},
		created() {
			
			this.getConfig()
		},
		methods:{
			// vip 选择
			Selectvip(e){
				if(!e){
					this.VipShow=false
				}else{
					uni.navigateTo({
						url:'/pages/vip/index'
					})
				}
			},
			getConfig(){
				this.$u.api.userInfo().then(user => {
					this.$u.post('/index/getConfig', {
					}).then(res => {
						if(!user.vipId){
							this.title=res.v1Recomend
						}
						if(user.vipId==1 && this.isTitle=='普通'){
							this.title=res.v2Recomend
						}
						if((user.vipId==2||user.vipId==1)&&this.isTitle=='高级'){
							this.title=res.v3Recomend
						}
					}).catch(err => {
								
					})
				})
				
			},
		}
	}
</script>

<style>
</style>
